<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>天堂明堂 - 隋唐洛阳城历史地标</title>
    <style>
        /* 全局样式 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "微软雅黑", "PingFang SC", sans-serif;
        }
        html {
            scroll-behavior: smooth;
        }
        body {
            line-height: 1.6;
            color: #333;
           /*opacity: 0.95; 设置透明度 */
        }
        
        /* 导航栏 */
        .navbar {
            padding: 15px 50px;
            background: rgba(30, 30, 30, 0.9);
            color: white;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            transition: all 0.3s ease;
        }
        .navbar.scrolled {
            padding: 10px 50px;
            background: rgba(30, 30, 30, 0.95);
        }
        .logo {
            font-size: 1.5em;
            font-weight: bold;
        }
        .nav-links {
            display: flex;
            list-style: none;
        }
        .nav-links li {
            margin-left: 30px;
        }
        .nav-links a {
            color: white;
            text-decoration: none;
            font-size: 1.1em;
            transition: color 0.3s;
            position: relative;
        }
        .nav-links a:hover {
            color: #ffd700;
        }
        .nav-links a::after {
            content: '';    /* 下划线效果 */
            position: absolute;
            width: 0;
            height: 2px;
            background: #ffd700;
            bottom: -5px;   /* 下划线位置 */
            left: 0;
            transition: width 0.3s; /* 下划线动画效果 */
        }
        .nav-links a:hover::after {
            width: 100%;
        }
        
        /* 首页横幅 */
        .hero {
            height: 100vh;
            background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 
                        url('./img/天堂明堂1.jpg') center/cover;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            color: white;
            background-attachment: fixed;
            padding-top: 70px;
        }
        .hero-content {
            max-width: 800px;
            padding: 0 20px;
        }
        .hero h1 {
            font-size: 3.5em;
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }
        .hero p {
            font-size: 1.5em;
            margin-bottom: 30px;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
        }
        
        /* 按钮 */
        .cta-btn {
            display: inline-block;
            padding: 15px 30px;
            font-size: 1.2em;
            background: #ffd700;
            color: #333;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            margin-top: 20px;
            text-decoration: none;
            font-weight: bold;
            transition: all 0.3s;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }
        .cta-btn:hover {
            background: #e6c200;
            transform: translateY(-3px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
        }
        
        /* 通用区块样式 */
        .section {
            padding: 80px 50px;
            text-align: center;
        }
        .section h2 {
            font-size: 2.5em;
            margin-bottom: 50px;
            color: #333;
            position: relative;
            display: inline-block;
        }
        .section h2::after {
            content: '';
            position: absolute;
            width: 50%;
            height: 3px;
            background: #ffd700;
            bottom: -15px;
            left: 25%;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        /* 简介部分 */
        .intro-content {
            max-width: 1000px;
            margin: 0 auto;
            text-align: left;
        }
        .intro-image {
            margin: 40px 0;
            text-align: center;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        .intro-image img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.5s;
        }
        .intro-image:hover img {
            transform: scale(1.03);
        }
        .intro-text {
            margin-top: 40px;
        }
        .intro-text h3 {
            font-size: 1.5em;
            margin: 30px 0 15px;
            color: #444;
            position: relative;
            padding-left: 15px;
        }
        .intro-text h3::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 5px;
            height: 80%;
            background: #ffd700;
            border-radius: 3px;
        }
        .intro-text p {
            margin-bottom: 20px;
            line-height: 1.8;
            padding: 0 20px;
        }
        
        /* 景点卡片 */
        .scenic-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }
        .scenic-card {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .scenic-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        }
        .scenic-card img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            border-bottom: 3px solid #ffd700;
        }
        .scenic-card h3 {
            margin: 20px 0 15px;
            color: #333;
        }
        .scenic-card p {
            padding: 0 20px 20px;
            color: #666;
        }

        /* 特色展示 */
        .feature-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            margin: 50px auto;
            max-width: 900px;
        }
        .feature-card {
            background: white;
            border-radius: 10px;
            padding: 25px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .feature-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }
        .feature-icon {
            font-size: 2.5em;
            margin-bottom: 15px;
            color: #8B4513;
        }
        .feature-card h3 {
            margin-bottom: 10px;
            color: #333;
        }
        
        /* 旅游信息 */
        .tourism-content {
            max-width: 800px;
            margin: 0 auto;
            text-align: left;
            padding: 0 20px;
        }
        .tourism-content h3 {
            margin: 30px 0 15px;
            color: #333;
            position: relative;
            padding-left: 15px;
        }
        .tourism-content h3::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 5px;
            height: 80%;
            background: #ffd700;
            border-radius: 3px;
        }
        .tourism-content p {
            margin-bottom: 15px;
            padding: 0 20px;
        }
        .tourism-content ul {
            margin: 20px 0;
            padding-left: 40px;
        }
        .tourism-content li {
            margin-bottom: 10px;
            list-style-type: square;
        }
        .tourism-content a {
            color: #8B4513;
            text-decoration: none;
            transition: color 0.3s;
        }
        .tourism-content a:hover {
            color: #e6c200;
            text-decoration: underline;
        }
        
        
        
        /* 页脚 */
        footer {
            background: #333;
            color: white;
            text-align: center;
            padding: 30px;
            font-size: 0.9em;
        }
        
        
    </style>
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar" id="navbar">
        <div class="logo">天堂明堂</div>
        <ul class="nav-links">
            <li><a href="#home">首页</a></li>
            <li><a href="#intro">简介</a></li>
            <li><a href="#scenic">景点</a></li>
            <li><a href="#features">特色</a></li>
            <li><a href="#tourism">旅游信息</a></li>
            <li><a href="#contact">联系我们</a></li>
        </ul>
    </nav>
    
    <!-- 首页横幅 -->
    <section id="home" class="hero">
        <div class="hero-content">
            <h1>天堂明堂</h1>
            <p>隋唐洛阳城国家遗址公园核心建筑 · 武周王朝的政治象征</p>
            <a href="#intro" class="cta-btn">探索更多</a>
        </div>
    </section>
    
    <!-- 简介部分 -->
    <section id="intro" class="section">
        <div class="container">
            <h2>景区简介</h2>
            <div class="intro-content">
                <div class="intro-image">
                    <img src="./img/天堂明堂全景.jpg" alt="天堂明堂全景">
                </div>
                <div class="intro-text">
                    <h3>地理位置</h3>
                    <p>天堂明堂位于河南省洛阳市老城区中州中路与定鼎路交叉口，是隋唐洛阳城国家遗址公园的核心区域。这里曾是武则天时期的皇宫核心建筑群，见证了中国历史上唯一女皇帝的统治。</p>
                    
                    <h3>历史沿革</h3>
                    <p>明堂始建于唐垂拱三年(687年)，是武则天祭祀天地、宴飨群臣、举行朝会的地方。天堂建于明堂北侧，是武则天的礼佛堂。两座建筑在安史之乱中被毁，2013年在原址上按历史记载重建。</p>
                    
                    <h3>建筑特色</h3>
                    <p>明堂高约90米，是中国古代最高的木构建筑之一，内部有通天柱直通顶层。天堂共九层，高约88米，建筑风格宏伟壮丽。现代重建的天堂明堂采用了传统工艺与现代技术相结合的方式，既保留了历史风貌，又确保了建筑安全。</p>
                    
                    <h3>文化意义</h3>
                    <p>天堂明堂不仅是武周王朝的政治象征，也是中国古代建筑艺术的杰出代表。这里展示了唐代建筑的高超技艺和审美追求，是研究唐代历史和文化的重要实物资料。</p>
                </div>
            </div>
        </div>
    </section>
    
    <!-- 景点介绍 -->
    <section id="scenic" class="section">
        <div class="container">
            <h2>主要景点</h2>
            <div class="scenic-grid">
                <div class="scenic-card">
                    <img src="./img/明堂.jpg" alt="明堂">
                    <h3>明堂</h3>
                    <p>武则天时期的政令颁布中心，内部有巨大的通天柱和精美的壁画，展示了唐代建筑的宏伟气势。</p>
                </div>
                <div class="scenic-card">
                    <img src="./img/天堂.jpg" alt="天堂">
                    <h3>天堂</h3>
                    <p>武则天的礼佛堂，共九层，内部有精美的佛教造像和壁画，是研究唐代佛教艺术的重要场所。</p>
                </div>
                <div class="scenic-card">
                    <img src="./img/天堂明堂遗址展示区.jpg" alt="遗址展示区">
                    <h3>遗址展示区</h3>
                    <p>通过玻璃栈道可以近距离观察唐代建筑遗址，了解古代建筑技术和历史变迁。</p>
                </div>
                <div class="scenic-card">
                    <img src="./img/天堂明堂文化展览.jpg" alt="文化展览">
                    <h3>文化展览</h3>
                    <p>展示唐代文物、历史文献和复原模型，生动再现了武周时期的社会生活和文化风貌。</p>
                </div>
                <div class="scenic-card">
                    <img src="./img/天堂明堂全景平台.jpg" alt="全景平台">
                    <h3>全景平台</h3>
                    <p>位于天堂顶层，可以360度俯瞰洛阳城全景，是拍照留念的绝佳位置。</p>
                </div>
                <div class="scenic-card">
                    <img src="./img/天堂明堂演艺中心.jpg" alt="演艺中心">
                    <h3>演艺中心</h3>
                    <p>定期上演唐代宫廷乐舞表演，让游客身临其境感受盛唐文化。</p>
                </div>
            </div>
        </div>
    </section>
    
    <!-- 特色展示 -->
    <section id="features" class="section">
        <div class="container">
            <h2>景区特色</h2>
            <div class="feature-grid">
                <div class="feature-card">
                    <div class="feature-icon">🏯</div>
                    <h3>历史重现</h3>
                    <p>通过建筑复原和文物展示，生动再现武周时期的历史场景</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🎭</div>
                    
                    <h3>文化体验</h3>
                    <p>定期举办唐代礼仪、服饰、音乐等文化体验活动</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">📜</div>
                    <h3>考古发现</h3>
                    <p>展示最新的考古发现，揭示隋唐洛阳城的城市布局</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🌃</div>
                    <h3>夜景灯光</h3>
                    <p>夜晚的灯光秀将明堂天堂装点得如梦如幻，美不胜收</p>
                </div>
            </div>
        </div>
    </section>
    
    <!-- 旅游信息 -->
    <section id="tourism" class="section">
        <div class="container">
            <h2>旅游信息</h2>
            <div class="tourism-content">
                <h3>开放时间</h3>
                <p>旺季(4月1日-10月31日): 8:30-21:30<br>
                   淡季(11月1日-3月31日): 8:30-20:30</p>
                
                <h3>门票信息</h3>
                <p>成人票：120元/人<br>
                   学生票：60元/人 (凭有效学生证)<br>
                   60岁以上老人、军人、残疾人凭有效证件半价</p>
                
                <h3>交通指南</h3>
                <p><strong>公交：</strong>乘坐5路、8路、9路、18路、21路、26路、41路、48路、49路、56路、59路、65路、81路、101路到中州中路定鼎路口站下车<br>
                   <strong>地铁：</strong>乘坐地铁1号线到应天门站下车，步行约10分钟<br>
                   <strong>自驾：</strong>导航至"隋唐洛阳城国家遗址公园天堂明堂景区"即可</p>
                
                <h3>联系方式</h3>
                <p>地址：河南省洛阳市老城区中州中路与定鼎路交叉口<br>
                   电话：0379-61109905<br>
                   官方网站：<a href="http://www.lytmtt.com">www.lytmtt.com</a></p>
                
                <h2>参观须知</h2>
                <ul>
                    <li>请爱护文物古迹，不要触摸展品</li>
                    <li>景区内禁止吸烟、乱扔垃圾</li>
                    <li>参观遗址区请遵守工作人员引导</li>
                    <li>演出时间请关注景区公告</li>
                    <li>如遇特殊天气，部分室外项目可能暂停</li>
                </ul>
                
                <h2>推荐游览路线</h2>
                <p>1. 明堂 → 遗址展示区 → 文化展览 → 天堂 → 全景平台 → 演艺中心<br>
                   2. 天堂 → 全景平台 → 明堂 → 文化展览 → 演艺中心 → 遗址展示区</p>
                
                <h2>游客评价</h2>
                <p>"站在天堂顶层俯瞰洛阳城，仿佛穿越回了大唐盛世，太震撼了！" - 陈先生</p>
                <p>"明堂的内部结构太精妙了，古代工匠的智慧令人敬佩。" - 王女士</p>
                <p>"晚上的灯光秀美轮美奂，是拍照打卡的好地方。" - 李小姐</p>
            </div>
        </div>
    </section>
    

    
    <!--页脚-->
    <footer id="contact">
        <p>© 2025 隋唐洛阳城天堂明堂景区 版权所有</p>
        <p>地址：河南省洛阳市老城区中州中路与定鼎路交叉口 | 电话：0379-61109905</p>
        <p>© 2025 软件工程张诗佳 版权所有 | 2410250403</p>
    </footer>
    
    
</body>
</html>